<%= javascript_include_tag "prototype" %>
<script>
	function showInfo(bool) {
		if (bool) {
			document.getElementById("webcomic_info").style.display = '';
			document.getElementById("webcomic_title").href = "javascript:showInfo(false)"
		} else {
			document.getElementById("webcomic_info").style.display = "none";
			document.getElementById("webcomic_title").href = "javascript:showInfo(true)"
		}
	}
</script>
<div id="bodyPan">
<table id="webcomic_show_table" cellpadding="0" cellspacing="0">
  <tr>
    <td>
    <a href="javascript:showInfo(true)" id="webcomic_title" class="webcomic_title"><%=h @webcomic.title %></a>
    </td>
  </tr>
  <tr>
    <td>
      <div id="webcomic_info" style="display: none;padding-bottom:25px">
      <span><span style="font-weight:bold">Author: </span><%= @creator.login %></span><br \>
      <span><span style="font-weight:bold">Started on: "</span><%= @webcomic.created_at.strftime("%m-%d-%Y") %></span><br \>
      <span><span style="font-weight:bold">Categories:</span>
      <% for category in @webcomic.categories %>
      <%= link_to category.name, :controller => :webcomics, :action => :index, :cat_id => category.id, :type => "category" %> 
      <% end %>
      </span>
      </div>
    </td>
  </tr>
  <tr><td>
    <%= render :partial => 'webcomics/striptitle'%>
  </td></tr>
  <tr><td align="center" valign="top">
    <div id="webcomic_navigation_top"><%= render :partial => 'webcomics/strip_navigation_actions' %></div>
  </td></tr>
  <tr><td>
    <div id="id_display_strip_image_here"> 
    <%= @displayed_strip_tag || ""  %>
    </div>
  </td></tr>
  <tr><td>
    <div id="webcomic_navigation_bottom"><%= render :partial => 'webcomics/strip_navigation_actions' %><div>
  </td></tr>
  <tr><td></td></tr>
  <tr><td>
    <%= render :partial => 'webcomics/show_five_comments' %>
  </td></tr>
</table>
</div>

